// 弹窗封装
var time
function show(ele,tip){
    ele.hover(function(){
        tip.css({
            display:'block'
        })
    },function(){
       time= setTimeout(function(){
            tip.css({
                display:'none'
            })
        },200)
    })
    tip.hover(function(){
        clearTimeout(time)
        $(this).css({
            display:'block'
        })
    },function(){
        $(this).css({
            display:'none'
        })
    })
}


// APP下载的动态效果
// APP下载按钮
$app=$('.navigation-bar>a:eq(5) li')
// 效果
show($app,$app.parent().next())



// 鼠标移入个人中心效果
//获取个人中心
$personal=$('.personal')
// 获取下面的弹出框的登录
$login=$('.triangle2').next().find('a')
// 获取下面的弹出框的注册
$register=$('.triangle2').next().next().find('a')
// 获取cookie
var phone=getCookie('phone')

// 移入个人中心，出现弹窗
show($personal,$personal.parent().next())


// 判定用户是否登录
if(phone){
    //用户登录，修改窗口
   var start=phone.slice(0,3)
    var end=phone.slice(9,11)
      name=start+'**'+end
   $personal.text(name)
//   修改弹出框
    $login.text('个人中心').attr('href','')
    $register.text('退出').removeAttr('href')
}
// 点击弹出框退出操作
$register.click(function(){
    var tip=layer.confirm('您确定要退出吗？', {
        btn: ['不，我不想','残忍退出'] //按钮
      }, function(){
           layer.close(tip)
      }, function(){
        layer.msg('退出成功', {
            icon: 1,
            time:1200
        });
        removeCookie('phone',path="/")
            setTimeout(() => {
            }, 1200);
        if(localStorage.getItem('data')){
            localStorage.clear()
        }
        window.location.reload()
      });
})

// 导航栏下拉框效果

//获取中间导航栏接口
$olli=$('.navigation-button-cenent a li:lt(6)')
//中间导航栏接口的下拉框
$dropbox=$('.drop-box')
// 鼠标移入，出现下拉框
$olli.hover(function(){
    $(this).parent().parent().parent().css({
        backgroundColor:'white'
    })
    $dropbox.stop().slideDown()
},function(){
    $dropbox.stop().slideUp(()=>{
        $(this).parent().parent().parent().css({
            backgroundColor:'#f7f7f7'
        })
    })
})